<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core">
    <h:head>
        <title>网络报销系统</title>
        <meta http-equiv="content-type" content="text/html;charset=utf-8"/>
        <meta  http-equiv="Expires" CONTENT="0"/>
        <meta  http-equiv="Cache-Control"  CONTENT="no-cache"/>
        <meta  http-equiv="Pragma" CONTENT="no-cache"/>
        <link rel="stylesheet" type="text/css" href="resource/css/tableStyle.css"/>

        <style type="text/css">
            *{
                font-family: tahoma, arial,Verdana,宋体, sans-serif;
                font-size:12px !important;
                text-align: left;
            }
            .rf-p{
                border-width: 1px 0px 0px 0px !important;
            }
            /* template style */
            #head-wrap{
                position: absolute;
                top:0;
                left: 0;
                right: 0;
                height: 59px;
                overflow: hidden;
                background-image:url(resource/images/blueSky.png);
            }
            #head-left{
                width:50%;height: 59px;float: left;
            }
            #head-right{
                width:50%;height: 59px;float: right;
            }
            #head-left #h-p-1 h1{
                font-family: "&#x65B9;&#x6B63;&#x5C0F;&#x6807;&#x5B8B;&#x7B80;&#x4F53;", Georgia, serif;                
                font-weight: 900;
                font-size: 22px !important;
                color: midnightblue;
                margin: 10px 0px 10px 30px;
            }
            #head-right #h-p-2{
                padding: 30px 10px 0px 0px;
                height: 59px;
                float: right;
                color:#000;
                white-space: nowrap;
            }
            #body-left{
                width:20%;
                position: absolute;
                top: 60px;
                left: 0;
                bottom: 0;
                overflow: auto;
                background-color: #BDDBFF;
            }
            #body-right{
                width: 80%;
                position: absolute;
                top: 60px;
                right: 0;
                bottom: 0;
                overflow: auto;
            }
        </style>
    </h:head>

    <h:body>
        <div id="head-wrap" class="rf-p">
            <h:form>
                <div id="head-left">
                    <h:commandLink style="text-decoration: none;">
                        <f:param name="contentPage" value="/welcome.xhtml"/>
                        <div id="h-p-1">
                            <h1>全国社保基金理事会网络报销系统</h1>
                        </div>
                    </h:commandLink>
                </div>
                <div id="head-right">
                    <div id="h-p-2">
                        #{loginInfo.per.deptName} >> #{loginInfo.per.cpsn_name}
                        [<h:commandLink action="#{logoutBean.exit}" value="安全退出" immediate="true"/>]
                    </div>
                </div>
            </h:form>
        </div>
        <div id="body-wrap">
            <div id="body-left">
                <ui:insert name="navigation"/>
            </div>
            <div id="body-right">
                <ui:insert name="content"/>
            </div>
        </div>
    </h:body>
</html>
